<li class="{{prefixCls}}-item" #liTemplate>
  <div class="{{prefixCls}}-item-tail"></div>
  <div
    class="{{prefixCls}}-item-head"
    [class.apes-timeline-item-head-custom]="apesDot || apesType"
    [ngClass]="classMap">
    <ng-container *ngIf="isDotString; else dotTemplate">{{ apesDot }}</ng-container>
    <ng-template #dotTemplate>
      <ng-template [ngTemplateOutlet]="apesDot"></ng-template>
    </ng-template>
    <ng-container *ngIf="isType && !isOA && !isTodo">
      <i apes-icon apesType="form"></i>
    </ng-container>
    <ng-container *ngIf="isType && isOA && !isTodo">
      OA
    </ng-container>
    <ng-container *ngIf="isType && !isOA && isTodo">
      待办
    </ng-container>
    <!--<ng-container *ngIf="isType && _type === 'add'">-->
      <!--<i class="anticon anticon-file-add"></i>-->
    <!--</ng-container>-->
    <!--<ng-container *ngIf="isType && _type === 'delete'">-->
      <!--<i class="anticon anticon-delete"></i>-->
    <!--</ng-container>-->
    <!--<ng-container *ngIf="isType && _type === 'search'">-->
      <!--<i class="anticon anticon-search"></i>-->
    <!--</ng-container>-->
  </div>
  <div class="{{prefixCls}}-item-content">
    <ng-content></ng-content>
  </div>
</li>
